//main: ../rui.less


/*msg*/
.rMsg {
	position: fixed;
    _position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
	right: auto;
    margin-top: -120px;
    opacity: 0;
	display: inline;
    background: #000;
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    box-shadow: 0px 10px 16px rgba(0,0,0,0.2);
    border-radius: @radius*2;
    display: none;
}
.rMsg i.icon {
	display: inline-block;
	width: 32px;
	height: 16px;
	margin: 5px auto;
	background: url(img/loading.gif) center center no-repeat;
}
.rMsg .ionicons {
	display: inline-block;
//	margin: 5px auto;
	font-size: 32px;
	-webkit-animation: msgIcon 1.2s linear infinite;
}
.rMsg h5 {
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.rMsg.success {
    background: @colorSuccess;
}
.rMsg.error {
    background: @colorError;
}
@-webkit-keyframes msgIcon{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);}
}